.clf:after{content:' '; display:block; clear:both; height:0; visibility:hidden;}

/*滚动条样式*/
.layui-tab-item::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.layui-tab-item::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : rgba(0,0,0,0.2);
}
.layui-tab-item::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.echart-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    width:410px;
    background:url("/static/images/tab/ndbg.png");
    background-size:100% 100%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    position: relative;
}
.echart-swiper .swiper-slide h3{
    position: absolute;
    left:0;top:15px;
    text-align: center;
    width:100%;
    font-size:16px;
    color:#00f6ff;
}

.echart-swiper .swiper-slide-active,.echart-swiper .swiper-slide-duplicate-active{
    transform: scale(1);
}
/*总体统计*/
.zttj .title div{
    display: inline-block;
}
.zttj .title div span{
    font-size:40px;
    border:1px solid #f00;
    display: inline-block;
    width:40px;
    height:66px;
    font-weight: bold;
    text-align: center;
    line-height: 66px;
    margin-right:10px;
    background:url("/static/images/tab/numberbg.png");
    background-size:100%;
}
.one-left{
    width:754px;
    height:790px;
    background-image:url('/static/images/tab/one-1.png');
    background-size:100%;
    float:left;
}
.one-left > div{
    width:100%;
    height:100%;
}
.one-right{
    width:1095px;
    float:left;
    margin-left:20px;
}
.one-right .one-r-top .one-swiper{
    width:608px;
    height:282px;
    background-image: url("/static/images/tab/one-2.png");
    background-size: 100%;
    margin:inherit;
    float:left;
    padding-top:44px;
}
.one-swiper .swiper-slide{
    padding-top:20px;
    width:433px;
    height:213px;
    background-image: url("/static/images/tab/combg-1.png");
    background-size:100% 100%;
}
.one-right .one-r-top .one-swiper .onezhu{
    width:400px;
    height:200px;
    margin:auto;
    top:-20px;
}
.one-swiper .swiper-slide h3{
    text-align: center;
    font-size:16px;
    color:#00f6ff;
}
.one-right .one-r-top .one-r-top2{
    width:482px;
    height:313px;
    background-image: url("/static/images/tab/one-3.png");
    background-size: 100%;
    float:left;
    position: relative;
    top:-15px;
    padding-top:45px;
}
.one-right .one-r-top .one-r-top2 h3{
    text-align: center;
    font-size:18px;
    color:#00f6ff;
}
.one-right .one-r-top .one-r-top2 > div{
    width:410px;
    height:235px;
    margin:auto;
}
.one-right .one-r-bot{
    width:712px;
    height:402px;
    background-image: url("/static/images/tab/one-4.png");
    background-size: 100%;
    padding:25px 45px 0 335px;
}
.one-right .one-r-bot h3{
    font-size:26px;
    color:#0bdef3;
    font-weight: bold;
    text-align: center;
    margin-bottom:16px;
}
.one-right .one-r-bot table{
    color:#fff;
}
.one-right .one-r-bot table td,.one-right .one-r-bot table th{
    text-align: center;
    border:3px solid #02e6f1;
    height:48px;
    padding:0;
}
.one-right .one-r-bot tbody tr:first-child td{
    border-top:0;
}
.one-right .one-r-bot thead tr{
    background:#155e97;
}
.one-right .one-r-bot tbody{
    background:#071c4b;
}
.onezhtjdiv{
    height:253px;
    overflow: auto;
}
.onezhtjdiv::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

/*项目分析*/
.xmfx{
    padding:0 30px;
}
.xmfx .title div{
    display: inline-block;
}
.xmfx .title div span{
    font-size:40px;
    border:1px solid #f00;
    display: inline-block;
    width:40px;
    height:66px;
    font-weight: bold;
    text-align: center;
    line-height: 66px;
    margin-right:10px;
    background:url("/static/images/tab/numberbg.png");
    background-size:100%;
}
.xmfx .twoleft{
    width:366px;
    height:768px;
    background-image:url("/static/images/tab/twoleftbg.png");
    background-size:100%;
    float:left;
    padding-top:18px;
}
.xmfx .twoleft > div{
    width:100%;
    height:256px;
}
.xmfx .twoleft > div h3{
    font-size:22px;
    color:#00faff;
    padding-left:15px;
}
.xmfx .twoleft > div > div{
    width:100%;
    height:230px;
}
.xmfx .twocenter{
    width:865px;
    height:768px;
    margin:0 50px 0 40px;
    float:left;
}
.xmfx .tworight{
    width:444px;
    float:left;
}
.xmfx .tworight > div{
    padding-top:20px;
    width:444px;
    height:219px;
    background-image: url("/static/images/tab/kuaibg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom:10px;
}
.xmfx .tworight > div h3{
    font-size:18px;
    color:#00f6ff;
    text-align: center;
}
.xmfx .tworight > div ul{
    margin-left:28px;
    margin-top:25px;
}
.xmfx .tworight > div ul li{
    float:left;
    width:125px;
    height:85px;
    background-size:100%;
    color:#fff;
    text-align: center;
    padding-top:40px;
    margin-right:10px;
}
.xmfx .tworight > .twor1 li span{
    display: block;
    font-size:20px;
}
.xmfx .tworight > .twor1 li:nth-child(1){
    background:url("/static/images/tab/huang.png");
}
.xmfx .tworight > .twor1 li:nth-child(1) span{
    color:#e1e869;
}
.xmfx .tworight > .twor1 li:nth-child(2){
    background:url("/static/images/tab/lan.png");
}
.xmfx .tworight > .twor1 li:nth-child(2) span{
    color:#00ffdb;
}
.xmfx .tworight > .twor1 li:nth-child(3){
    background:url("/static/images/tab/hong.png");
    margin:0;
}
.xmfx .tworight > .twor1 li:nth-child(3) span{
    color:#e06666;
}
#test1{
    margin-left:20px;
    background:none;
    width:390px;
    height:210px;
}
#test1 .swiper-slide{
    background:none;
    width:100%;
    height:100%;
}
#test1 .layui-carousel-ind{
    display: none;
}
#test1 .tworbot{
    height:90%;
}
.xmfx .twocenter .ctop{
    width:852px;
    height:321px;
    background:url("/static/images/tab/c1bg.png");
    background-size:100%;
}

.ctopline{
    width:100%;
    height:216px;
}
.cbot{
    width:865px;
    height:418px;
    background:url("/static/images/tab/c2bg.png");
    background-size: 100%;
    margin-top:5px;
    padding-top:40px;
}
.cbot table{
    width:705px;
    margin:0 auto 0;
}
.cbot table tbody{
    height:252px;
    overflow: auto;
}
.cbot .cbottable{
    height:310px;
    overflow-y: auto;
}
.cbot .cbottable::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.cbot  table tr{
    color:#0bdef3;
}
.cbot  table tr td,.cbot  table tr th{
    text-align: center;
    border:3px solid #0bdef3;
}
.cbot  table tr th{
    border-bottom:0;
}
.cbot thead tr{
    background:#155e97;
}
.cbot tbody{
    background:#071c4b;
}
.cbot tr.layui-table-click {
    background-color: #071c4b;
}
/*质量巡查*/
.threetop{
    padding:35px 0 0 34px;
    margin-bottom:10px;
}
.threetop > div{
    width:612px;
    height:290px;
    background:url("/static/images/tab/threebg1.png");
    background-size:100%;
    float:left;
    position: relative;
    padding-top:74px;
}
.threetop > div h3{
    font-size:22px;
    color:#00f6ff;
    font-weight: bold;
    text-align: center;
    width:100%;
    position: absolute;
    left:0;
    top:45px;
}
.threetop > div > div{
    width:100%;
    height:252px;
}
.threebot{
    padding-left:34px;
}
.threebot .threebot-left{
    width:642px;
    height:378px;
    background:url("/static/images/tab/three-b-1.png");
    background-size:100%;
    padding-top:70px;
    float:left;
}
.threebot .threebot-left h3{
    font-size:22px;
    color:#00f6ff;
    text-align: center;
    font-weight: bold;
}
.threebot .threebot-left ul{
    padding-left:43px;
    padding-top:70px;
}
.threebot .threebot-left ul li{
    float:left;
    width:170px;
    height:114px;
    text-align: center;
    padding-top:56px;
    color:#fff;
    margin-left:13px;
}
.threebot .threebot-left ul li:nth-of-type(1){
    background:url("/static/images/tab/three-b-y.png");
}
.threebot .threebot-left ul li:nth-of-type(2){
    background:url("/static/images/tab/three-b-b.png");
}
.threebot .threebot-left ul li:nth-of-type(3){
    background:url("/static/images/tab/three-b-r.png");
}
.threebot .threebot-left ul li:nth-of-type(1) span{
    display: block;
    font-size:26px;
    color:#e1e869;
}
.threebot .threebot-left ul li:nth-of-type(2) span{
    display: block;
    font-size:26px;
    color:#00ffdb;
}
.threebot .threebot-left ul li:nth-of-type(3) span{
    display: block;
    font-size:26px;
    color:#e06666;
}
.threebot .threebot-right{
    width:1103px;
    height:402px;
    background:url("/static/images/tab/three-b-2.png");
    background-size:100%;
    float:left;
    margin-left:20px;
    padding:45px 0 0 68px;
}
.threebot .threebot-right .threebot-right-l{
    width:422px;
    height:100%;
    float:left;
}
.threebot .threebot-right h3{
    width:100%;
    text-align: center;
    font-size:22px;
    color:#0bdef3;
    margin-bottom:14px;
}
.threebot .threebot-right table{
    color:#fff;
}
.threebot .threebot-right table td,.threebot .threebot-right table th{
    text-align: center;
    border:3px solid #02e6f1;
    height:48px;
}
.threebot .threebot-right tbody tr:first-child td{
    border-top:0;
}
.threebot .threebot-right thead tr{
    background:#155e97;
}
.threebot .threebot-right tbody{
    background:#071c4b;
}
.threebot .threebot-right .threebot-right-tab{
    height:252px;
    overflow: auto;
}
.threebot .threebot-right .threebot-right-tab::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.threebot .threebot-right .threebot-right-r{
    width:562px;
    float:left;
    margin-left:45px;
}
/*质量验收*/
.fouritem{
    padding:0 39px 0 50px;
}
.four-left{
    width:366px;
    height:820px;
    background:url("/static/images/tab/twoleftbg.png");
    background-size:100% 100%;
    background-repeat: no-repeat;
    float:left;
    margin-top:35px;
    padding-top:20px;
}
.four-left > div{
    height:410px;
    position: relative;
}
.four-left > div h3{
    font-size:22px;
    color:#00faff;
    text-align: left;
    font-weight: bold;
    padding-left:14px;
}
.lingxing{
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotateZ(45deg)skew(10deg,10deg);
    margin-right:10px;
    background:#00faff;
    position: relative;
    top:-3px;
}
.four-left > div > div{
    width:100%;
    height:415px;
    position: absolute;
    left:0;
    bottom:0;
}
.four-left > div > div:first-child{
    margin-bottom:25px;
}
.four-right{
    width:1375px;
    height:840px;
    float:left;
    margin-left:40px;
    margin-top:35px;
}
.four-swiper{
    width:956px;
    height:436px;
    background:url("/static/images/tab/four-1.png") 100% 100%;
    margin: inherit;
    padding-top:76px;
    float:left;
}
.four-swiper .swiper-slide{
    width:681px;
    height:313px;
    background:url('/static/images/tab/combg-1.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-top:34px;
}
.four-swiper .swiper-slide h3{
    font-size:20px;
    color:#00faff;
    text-align: center;
    font-weight: bold;
}
.four-swiper .swiper-slide .fourslide{
    height:275px;
}
.todaynum{
    width:366px;
    height:467px;
    background:url('/static/images/tab/twoleftbg.png');
    background-size:100% 100%;
    background-position: 0 0;
    float:left;
    margin-left:50px;
    padding-top:47px;
}
.todaynum h3{
    font-size:20px;
    color:#00faff;
    text-align: center;
    font-weight: bold;
    margin-bottom:56px;
}
.todaynum > div{
    width:298px;
    height:198px;
    background-image:url("/static/images/tab/three-b-y.png");
    background-size:100% 100%;
    text-align: center;
    padding-top:100px;
    color:#fff;
    margin:0 auto;
    font-size:22px;
}
.todaynum > div span{
    font-size:50px;
    color:#e1e869;
    display: block;
}
.four-r-bot{
    width:1334px;
    height:284px;
    background-image: url("/static/images/tab/c1bg.png");
    background-size:100% 100%;
    margin-top:20px;
    padding:24px 0 0 38px;
}
.four-r-bot h3{
    font-size:24px;
    color:#00faff;
    text-align: center;
    font-weight: bold;
    margin-bottom:14px;
}
.four-r-bot table th,.four-r-bot table td{
    text-align: center;
    height:48px;
    border:3px solid #02e6f1;
    color:#0bdef3;
}
.four-r-bot thead tr{
    background:#155e97;
}
.four-r-bot .threebot-right-tab{
    height:197px;
    overflow: hidden;
}
.four-r-bot .threebot-right-tab > div{
    border:0;
}
.four-r-bot .threebot-right-tab td{
    background:#071c4b;
}
.four-r-bot .threebot-right-tab .layui-table-body{
    height:150px;
    overflow: auto;
}
.four-r-bot .threebot-right-tab .layui-table-body::-webkit-scrollbar{
    width:0;
}
.four-r-bot .threebot-right-tab .layui-table-header{
    border:0;
}
/*竣工验收*/
.fiveitem .four-r-bot{
    background-image: url("/static/images/tab/five-1.png");
    padding-left:435px;
    width:938px;
}
.fiveitem .todaynum{
    padding-top:30px;
    height:484px;
    position: relative;
}
.fiveitem .todaynum h3{
    margin:0;
}
.fiveitem .todaynum ul li{
    width:155px;
    height:105px;
    float:left;
    text-align: center;
    padding-top:50px;
    color:#fff;
    margin:37px 0 18px 15px;
}
.fiveitem .todaynum ul li:nth-child(1){
    background:url("/static/images/tab/huang.png");
    background-size:100% 100%;
}
.fiveitem .todaynum ul li:nth-child(1) span{
    color:#e1e869;
    font-size:24px;
    display: block;
}
.fiveitem .todaynum ul li:nth-child(2){
    background:url("/static/images/tab/lan.png");
    background-size:100% 100%;
}
.fiveitem .todaynum ul li:nth-child(2) span{
    color:#00ffdb;
    font-size:24px;
    display: block;
}
.fiveitem .todaynum ul li:nth-child(3){
    background:url("/static/images/tab/hong.png");
    background-size:100% 100%;
}
.fiveitem .todaynum ul li:nth-child(3) span{
    color:#e06666;
    font-size:24px;
    display: block;
}
.five-swiper .swiper-slide > div{
    width:600px;
    height:280px;
    margin:0 auto;
}
.fiveitem .todaynum > div{
    position: absolute;
    right:0;
    bottom:0;
    background:none;
    width:146px;
    height:160px;
    font-size:16px;
}
.fiveitem .todaynum > div p{
    height:33px;
    position: relative;
}
.fiveitem .todaynum > div p span{
    display: inline-block;
    width:18px;
    height:18px;
    border-radius: 3px;
    margin-right:15px;
    position: relative;
    top:4px;
}
.fiveitem .todaynum > div p:nth-of-type(1){
    color:#e1e869;
}
.fiveitem .todaynum > div p:nth-of-type(1) span{
    background:#e1e869;
}
.fiveitem .todaynum > div p:nth-of-type(2){
    color:#00ffdb;
}
.fiveitem .todaynum > div p:nth-of-type(2) span{
    background:#00ffdb;
}
.fiveitem .todaynum > div p:nth-of-type(3){
     color:#e06666;
 }
.fiveitem .todaynum > div p:nth-of-type(3) span{
    background:#e06666;
}

i{
    font-style: normal;
}






